<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>分享靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body class="bgc-ffc000">
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">分享靓粉吧</h1>
    <div class="top-right">
    	<a href="javascript:;" title="刷新"><i class="icon icon-refresh"></i></a>
    	<a href="javascript:;" title="关闭"><i class="icon icon-exit"></i></a>
    </div>
</header>
<div class="mui-content pb15">
	<div class="share-top">
    	<img src="../images/share/share-img1.png" alt="" />
        <a href="javascript:;" class="share-rule">奖励规则</a>
        <div class="st-con">首次下载APP就送<span class="c-red">200</span>元红包，自动存入花钱钱包，每天享收益</div>
        <div class="st-con st-sec">您邀请的好友通过靓粉吧消费购物，每成交一单，您的年化收益即可提高</div>
    </div>
    <div class="share-top">
    	<img src="../images/share/share-img2.png" alt="" />
        <a href="javascript:;" class="share-btn c-pack pt-share">点我！分享给小伙伴们</a>
        <div class="st-lj c-pack">
        	<p>好友累计网购消费(元)</p>
            <h4>0.00</h4>
        </div>
        <div class="st-yq c-pack">
        	<p>成功邀请好友</p>
            <h4>0.00</h4>
        </div>
        <a href="分享-靓粉吧-分享累积.html" class="st-link" title="分享累积"></a>
    </div>
    <div class="share-rank mt15">
    	<div class="rank-lab">
        	<a href="javascript:;" class="curr"><label><i class="icon icon-global"></i>全球排行</label></a>
        	<a href="javascript:;"><label><i class="icon icon-friends"></i>好友排名</label></a>
        </div>
        <div class="rank-box">
        	<div class="labcon">
            	<div class="rb-top">排名数据每天更新一次</div>
                <table class="rb-table">
                	<thead>
                    	<tr>
                        	<td width="22%">排名</td>
                        	<td width="35%">名称</td>
                        	<td width="43%">总收益（元）</td>
                        </tr>
                    </thead>
                	<tbody>
                    	<tr>
                        	<td><i class="rank-tb first"></i></td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td><i class="rank-tb second"></i></td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />阿拉善</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td><i class="rank-tb third"></i></td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />卡西魔豆</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>4</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>5</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>6</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>7</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>8</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>9</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    	<tr>
                        	<td>10</td>
                        	<td><div class="rbname"><img src="../images/p-male.png" alt="" class="rbhead" />北爷</div></td>
                        	<td>53,477.85</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="labcon c-hide">
            	<div class="rb-top">排名数据每天更新一次</div>
                <table class="rb-table">
                	<thead>
                    	<tr>
                        	<td width="22%">排名</td>
                        	<td width="35%">名称</td>
                        	<td width="43%">总收益（元）</td>
                        </tr>
                    </thead>
                	<tbody>
                    	<tr>
                        	<td colspan="3">暂无好友</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <!--游戏规则-->
    <div class="rule-hold c-hide">
    	<div class="rule-pop">
        	<h4>奖励规则</h4>
            <p>1.好友需通过您的专属链接领取新人红包，并在24小时内注册靓粉吧；</p>
            <p>2.好友通过靓粉吧每网购一笔订单，您的年化收益即可获得相应提高，不设上限；</p>
            <p>3.禁止通过作弊手段进行虚假邀请注册骗取奖励，如有发现，将取消其奖励并酌情处罚；</p>
            <p>4.新邀请奖励规则从2017年11月21日开始实行；</p>
            <p>5.本活动最终解释权归靓粉吧所有。</p>
        </div>
    	<div class="rule-pop-mb"></div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
//规则
$('.mui-content').on('click','.share-rule',function(){
	$('.rule-hold').fadeIn(200);
});
$('.mui-content').on('click','.rule-hold',function(){
	$('.rule-hold').fadeOut(200);
});
//lab
$('.mui-content').on('click','.rank-lab a',function(){
	$(this).addClass('curr').siblings().removeClass('curr');
	$('.rank-box').find('.labcon').hide().eq($(this).index()).show();
});
</script>
</body>
</html>